﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AppDetails.aspx.cs" Inherits="Tablet._AppDetails" %>

<!DOCTYPE html>
<html>
<head>
    <title>Orange</title>
    <!-- Meta Tags -->
    <meta name="robots" content="index, follow" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="css/common.light.min.css" />
</head>
<body class="page-appstore-item">
    <div id="container">
        <div id="header" class="slideUp">
            <div class="header-inner clearfix">
                <div class="content">
                    <div class="banner">
                        <a href='<%=lnkBanner %>'>
                            <img src='<%= imgBanner %>' alt="" /></a>
                    </div>
                    <!-- banner -->
                    <h1>
                        <a href="default.aspx"><%=app._category.name %></a></h1>
                    <a href="http://3g.orange.co.il/Tablet/Default.aspx" class="button-all-categories button">
                        תפריט ראשי</a>
                </div>
                <!-- content -->
            </div>
            <!--header inner-->
        </div>
        <!-- header -->
        <div id="content">

			

            <div class="content-inner clearfix">
                <div class="featured-content">
 
					<div class="promo">
						<a href="#"><img src="images/placeholders/car.promo.jpg" alt="" /></a>
					</div>

					<!-- Item Information -->
                    <!-- ************************************************************************************* -->
                    <div id="combo" class="box-list wide-list">
                        <ul class="clearfix">
                            <li class="clearfix">
                                <div class="thumb">
                                    <img src='<%=app.icon%>' alt="" />
                                </div>
                                <p class="text title">
                                     <%=app.name %></p>
                                <p class="text details">
                                    <%=app.shortdescription %></p>
                                <p class="text price">
                                    <%=app.price %>
                                </p>

                                <p id="isLoto" runat="server" class="text orange-note">משתתף בהגרלה</p>
                                <a href='<%=app.link %>' class="button button-orange">הורדה</a>
                                
								<div class="cut">
                                    <span class="shadow"></span><span class="highlight"></span>
                                </div>
                                <!-- cut -->
                            </li>
                            <%--<li class="clearfix">
                                <h3 class="ir inner-banner">
                                    הצטרף לחבילת האפליקציות ותהנה ממחירים מיוחדים ושלוש אפליקציות לבחירתך במתנה!</h3>
                                <div class="cut">
                                    <span class="shadow"></span><span class="highlight"></span>
                                </div>
                                <!-- cut -->
                            </li>--%>
                            <li class="clearfix">
                                <p class="text details info">
                                   <%=app.description%></p>
                                <div class="cut">
                                    <span class="highlight"></span>
                                </div>
                                <!-- cut -->
                            </li>
                            <li class="clearfix">
                                <div id="images" runat="server">
                                    <div class="top-shadow">
                                    </div>
                                    <ul class="clearfix">
                                        <li>
                                            <div class="carousel">
                                                <a href="" onclick="return false;" class="arrow-next is-button"></a><a href="" onclick="return false;"
                                                    class="arrow-prev is-button"></a>
                                                <div class="frame">
                                                    <ul>
                                                        <asp:Repeater ID="rptPictures" runat="server">
                                                            <ItemTemplate>
                                                                <li>
                                                                    <img src='<%# ((Tablet.Picture)Container.DataItem).image%>' alt="" /></li>
                                                            </ItemTemplate>
                                                        </asp:Repeater>
                                                    </ul>
                                                </div>
                                                <!-- frame -->
                                            </div>
                                            <!-- carousel -->
                                        </li>
                                    </ul>
                                    <div class="bottom-shadow">
                                    </div>
                                </div>
                                <!-- images -->
                                <div class="cut">
                                    <span class="highlight"></span>
                                </div>
                                <!-- cut -->
                            </li>
                            <li class="clearfix"><a href='<%=app.link %>' class="button button-orange">הורדה</a>
                                <div class="cut">
                                    <span class="shadow"></span><span class="highlight"></span>
                                </div>
                                <!-- cut -->
                            </li>
                        </ul>
                    </div>
                    <div id="apps" class="box-list wide-list">
                        <h2>
                            אפליקציות נוספות</h2>
                        <ul class="clearfix">
                            <asp:Repeater ID="rptSimilarApps" runat="server">
                                <ItemTemplate>
                                    <li class="clearfix">
                                        <div class="thumb">
                                            <a href="AppDetails.aspx?aid=<%# ((Tablet.Application)Container.DataItem).id%>">
                                                <img src='<%# ((Tablet.Application)Container.DataItem).icon%>' alt="">
                                            </a>
                                        </div>
                                        <p class="text title">
                                            <%# ((Tablet.Application)Container.DataItem).name%></p>
                                        <p class="text details">
                                            <%# ((Tablet.Application)Container.DataItem).shortdescription%></p>
                                        <p class="text price">
                                            <%# ((Tablet.Application)Container.DataItem).price%>
                                        </p>
                                        <div class="cut">
                                            <span class="shadow"></span><span class="highlight"></span>
                                        </div>
                                        <!-- cut -->
                                        <!-- cut -->
                                    </li>
                                </ItemTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                    <!-- apps -->
                    <div>
                        <a href="default.aspx" class="button-goto"><span class="play"></span><span class="goto-text">לקניון
                            האפליקציות</span> </a>
                    </div>
                </div>
                <div class="box-list">
						<div class="note">
							<p class="text">* אפליקציות מאתרים חיצוניים (גלישה באינטרנט) שאינן באחריות פרטנר - <a href="http://iphone.orange.co.il/PriceList.aspx">לתעריפי הגלישה</a></p>
						</div>
                    </div>
                <!--featured content-->
            </div>
            <!--content-inner-->
        </div>
        <!--content-->
    </div>
    <!-- container -->
    <div id="footer">
        <div class="footer-inner">
            <!-- Sub Navigation -->
            <!-- ************************************************************************************* -->
            <div id="sub-nav" class="nav clearfix">
                <!-- Design elements -->
                <div class="cut">
                    <span class="shadow"></span><span class="highlight"></span>
                </div>
                <!-- cut -->
                <!-- Content -->
                <ul class="clearfix">
                    <li><a href="http://3g.orange.co.il/Tablet/Default.aspx">דף הבית</a> </li>
                    <li><a href="http://3g.orange.co.il/Tablet/PriceList.aspx">מחירון</a> </li>
                    <li><a href="http://www.orange.co.il/he-il/accessible-Home-Page/">לאתר orange.co.il</a> </li>
                </ul>
                <!-- Design elements -->
                <div class="inner-cut vertical">
                    <span class="shadow"></span><span class="shadow"></span><span class="highlight">
                    </span><span class="highlight"></span>
                </div>
                <!-- inner-cut -->
            </div>
            <!-- navigation -->
        </div>
        <!--footer inner-->
    </div>
    <!--footer-->
    <!-- JAVASCRIPT -->    
	<script type="text/javascript" src="scripts/common.min.js"></script>

</body>
</html>
